<?php if (!defined('THINK_PATH')) exit();?>


<link rel="stylesheet" href="/125/zj125/Public/Home/login.css" type="text/css">
<script src="/125/zj125/Public/Home/jquery.js"></script>
        <script>
            $(function(){
                var ok1=false;
                var ok2=false;
                var ok3=false;
                // 验证用户名
                $('input[name="uname"]').focus(function(){
                    $(this).next().text('用户名应该为3-12位之间').removeClass().addClass('state2');
                }).blur(function(){
                    if($(this).val().length >= 3 && $(this).val().length <=12 && $(this).val()!=''){
                        // 验证用户名存在
                        var uname = $(this).val();
                        $.get('<?php echo U("checkName");?>',{uname:uname},function(data){ 
                            if(data.status==true){                       
                                $('#checkname1').text('用户名不存在!').removeClass().addClass('state3');
                                return;
                            }else{
                                $('#checkname1').text('输入成功').removeClass().addClass('state4');
                                ok1=true;                
                            }
                       },'json');
                    }else{
                        $(this).next().text('用户名应该为3-12位之间').removeClass().addClass('state3');
                    }
                });                     
 
                //验证密码
                $('input[name="pwd"]').focus(function(){
                    $(this).next().text('密码应该为6-18位之间').removeClass().addClass('state2');
                }).blur(function(){
                    if($(this).val().length >=6 && $(this).val().length <=18 && $(this).val()!=''){
                        var uname = $('input[name="uname"]').val();
                        var pwd = $(this).val();
                        $.get('<?php echo U("checkpwd");?>',{uname:uname,pwd:pwd},function(data){ 
                            if(data.status==false){                       
                                $('#checkpwd1').text(data.msg).removeClass().addClass('state3');
                                return;
                            }else{
                                $('#checkpwd1').text('输入成功').removeClass().addClass('state4');
                                ok2=true;                
                            }
                       },'json'); 

                    }else{
                        $(this).next().text('密码应该为6-18位之间').removeClass().addClass('state3');
                    }
                     
                });
 
                 //验证验证码
		        $('input[name="code"]').focus(function(){
		            $('#checkcode1').text('请输入验证码').removeClass().addClass('state2');
		        }).blur(function(){
                    if($('input[name="code"]').val().length==3){
                        var code = $(this).val();
                        $.get('<?php echo U("checkcode");?>',{code:code},function(data){ 
                                if(data.status==false){                       
                                    $('#checkcode1').text(data.msg).removeClass().addClass('state3');
                                    return;
                                }else{
                                    $('#checkcode1').text('验证成功').removeClass().addClass('state4');
                                    ok3=true;                
                                }
                           },'json'); 
                    }else{
                        $(this).next().next().text('请输入验证码').removeClass().addClass('state3');
                    }
		        });
                //提交按钮,所有验证通过方可提交
 
                $('.submit').click(function(){
                    if(ok1 && ok2 && ok3){
                        $('#frm').submit();
                    }else{
                        alert("请填写完整信息");
                        return false;
                    }
                }); 
            });
        </script>

<body style="background:url('/125/zj125/Public/2.jpg')repeat 0px 0px;">
<div style="border:1px solid black;width:450px;height:250px;margin-left:250px;margin-top:80px;background:url('/125/zj125/Public/1.jpg')repeat 0px 0px;">
	<form action="<?php echo U('doLogin');?>" method="post" id="frm">
	<div class='zc'><font size=5>用户登录</font></div>
	<table id='body' cellspacing=10px cellpadding=1px>
		<tr>
			<th><font size=1 color="red">* </font>用户名</th>
			<td><input type="text" name='uname'><span id="checkname1" class='state1'>请输入用户名</span></td>
		</tr>
		<tr>
			<th><font size=1 color="red">* </font>密&nbsp;码</th>
			<td><input type="password" name='pwd'><span id="checkpwd1" class='state1'>请输入密码</span></td>
		</tr>
		<tr>
			<th><font size=1 color="red">* </font>验证码</th>
			<td><input style="width:70px;" type='text' name='code' id="code">
				<img style="width:80px;height:20px" onclick="this.src='<?php echo U('/Home/User/verify');?>?'+Math.random()" src="<?php echo U('/Home/User/verify');?>">	
				<span id="checkcode1" class='state1'>请输入验证码</span>		
			</td>
		</tr>
		<tr style="height:80px;">
			<td colspan=2 ><input style="width:170px;height:24px;margin-left:69px;background:red;color:white;" type='button' class='submit' value='登录'></td>
		</tr>
	</table>
	</form>
</div>
</body>